
/* Recite */
.callout.callout[data-callout="recite"] {
    --callout-color: 193, 67, 67;
    --callout-icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path stroke="none" fill="none" d="M0 0h24v24H0z"/><path d="M6.455 19L2 22.5V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455z"/></svg>';
    --callout-margin: 10px; 

    --callout-padding: 5px 10px 10px 10px;
    // padding: 10px;
    // padding-top: 5px;

    border-style: solid;
    border-width: 11px;
    border-image: url("") 11;
    border-image-outset: 9px 0px;
    box-shadow: 0px 0px 10px var(--outline, var(--background-modifier-box-shadow));
    
    background: var(--note, var(--background-primary));
    text-align: justify;
    
    & .callout-title {
        padding: 0;
        background: transparent;

        color: rgba(var(--callout-color), 1);
        justify-content: center;
    }
    &[data-callout-metadata*="bg-"]:not([data-callout-metadata*="bg-c"]) .callout-title 
    { color: var(--text-normal); }
    
    & .callout-title-inner { flex: unset; }
    & .callout-content {
        padding: 0;
        padding-top: 10px;
    }
}

